import { Outlet } from 'react-router-dom';
import { Layout } from 'antd';
import styles from './MainLayout.module.scss';
// 左侧logo区域
import Logo from '../components/Logo';
// 右侧登录信息
import UserInfo from '../components/UserInfo';
const { Header, Footer, Sider, Content } = Layout;
const MainLayout = () => {
	return (
		<Layout className={styles.container}>
			<Header className={styles.header}>
				<div className={styles.left}>
					<Logo />
				</div>
				<div className={styles.right}>
					<UserInfo />
				</div>
			</Header>
			<Content className={styles.main}>
				<Outlet />
			</Content>
			<Footer className={styles.footer}>东东问卷</Footer>
		</Layout>
	);
};

export default MainLayout;
